<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <link href="/js/plugins/aplayer/APlayer.min.css" rel="stylesheet" />
        <style>
            html,body{
                height:100%;
                width:100%;
            }
            #devices .device {
                margin: 0 auto;
                position: relative;
            }

            #devices{
                text-align: center;
            }


            #devices .device .flashingTop,
            #devices .device .flashingBottom {
                position: absolute;
                left: 0;
                width: 100%;
            }

            #devices .device .flashingTop {
                top: 0;
                padding-top: 4px;
            }

            #devices .device .flashingBottom {
                bottom: 0;
            }

            #devices iframe {
                width: 100%;
                height: 100%;
                margin: 0;
                /*border-width: 0;*/
                border: 1px solid #d1d1d1;
            }
            span.time {
                font-family: helvetica, arial, sans-serif;
                color: white;
                font-size: 12px;
            }
            .deviceTitle {
                font-size: 14px;
            }

            .deviceTitle, #devices .deviceWrap, #tools {
                min-width: 375px;
            }
            .deviceWrap {
                width: 100%;
                background-position: top center;
                background-repeat: no-repeat;
                margin: 10px 0px 20px 0px;
                position: relative;
            }
            .iphone-6-portrait {
                /*background-image: url(//responsinator.global.ssl.fastly.net/images/iphone-6-portrait.png);*/
                background-image: url(../../themes/default/images/iphone-5-portrait.png);
                padding: 103px 0 117px 0px;
            }
            #preview{
                padding: 0 10px;
                width:640px;
                height:100%;
                margin: 0 auto;
                overflow-y: auto;
                border-left: 2px solid #cecece;
                border-right: 2px solid #cecece;
                background: url(../../themes/default/images/iphone-5-portrait.png) no-repeat;
            }
            #preview .aplayer .aplayer-pic .aplayer-play .aplayer-icon-play{
                top: 3px;
            }
            #preview .aplayer .aplayer-pic .aplayer-pause .aplayer-icon-pause{
                top: 3px;
            }
            #preview audio{
                display: none;
            }
            #preview audio,#preview img,#preview video{
                width: 100%;
            }
            /*#preview *{font-family:sans-serif;font-size:16px;}*/
        </style>
        <script type="text/javascript" src="../internal.js"></script>
        <script src="../../ueditor.parse.js"></script>
        <title></title>
    </head>
    <body class="view" id="devices">
        <div class="deviceWrap iphone-6-portrait">


            <div class="device" style="width: 320px;height: 504px;padding-top: 20px;padding-bottom: 44px;">
                <div class="flashingTop" style="height: 20px; width: 320px;">
                    <span class="time">11:18 <span>AM</span></span>
                </div>
                <div class="flashingBottom" style="height: 44px">

                </div>
                <iframe src="" id="iphone-6-portrait" style=""></iframe>
            </div>        <!-- /device -->

        </div>
        <!--        <div id="preview">
                    
                </div>-->
        <script src="/js/plugins/jQuery/jquery-2.2.3.min.js"></script>
        <script src="/js/plugins/aplayer/APlayer.min.js"></script>
        <script>
//            document.getElementById('preview').innerHTML = editor.getContent();
//            uParse('#preview', {
//                rootPath: '../../',
//                chartContainerHeight: 500
//            })

            function getContent(){
                return parent.getContent();
            }
            $('#iphone-6-portrait').attr('src','/h5/student/weekly/detail?preview=true');
            dialog.oncancel = function () {
                document.getElementById('devices').innerHTML = '';
            }
//            $('audio').addClass('aplayer');
//            var element;
//            var $audio;
//            $('audio').each(function () {
//                $audio = $('<div class="aplayer"></div>');
//                $(this).before($audio);
//                element = new APlayer({
//                    element: $audio[0],
//                    narrow: false,
//                    autoplay: false,
//                    showlrc: false,
//                    music: {
//                        title: 'sfasf',
//                        author: 'sdf',
//                        url: $(this).attr('src'),
//                        pic: ''
//                    }
//                });
//                element.init();
//            });


        </script>
    </body>
</html>